// light theme 
$light-bg-color :rgb(255, 254, 255);
$light-a-hover: rgb(0, 88, 160);

$light-cmd:rgb(127, 1, 218);
$light-param:rgb(13, 201, 182);
$light-obj:rgb(148, 86, 0);
$light-link: rgb(66, 86, 128);
$light-slash:rgb(0, 0, 0);



$dark-bg-color :rgb(1, 22, 39);
$dark-a-hover:rgb(255, 159, 255);

$dark-cmd:rgb(89, 227, 252);
$dark-param:rgb(127, 203, 196);
$dark-obj:rgb(236, 196, 141);
$dark-link: rgb(130, 170, 255);
$dark-slash:rgb(231, 231, 231);

$light-number-color:rgb(128, 55, 55);
$light-line-bg-color:rgb(255, 254, 255);
$dark-line-bg-color:rgb(1, 22, 39);
$dark-number-color:rgb(255, 99, 99);



$light-font-color: $dark-bg-color;
$dark-font-color: $light-bg-color;

.light-bg{
    background: $light-bg-color;
}

.dark-bg{
    background: $dark-bg-color;
}

.light-settings{
    background: $light-bg-color;
    color:$light-font-color;
}

.dark-settings{
    background: $dark-bg-color;
    color: $dark-font-color;
}

.light-bg-ft{
    background: $light-bg-color;
    color:$light-font-color;
   
}
.light-a{
    &:hover{
        color:$light-a-hover;
    }
}
.dark-bg-ft{
    background: $dark-bg-color;
    color: $dark-font-color;
    
}
.dark-a{
    &:hover{
        color:$dark-a-hover;
    }
}